<template>
  <div>
    <el-badge
      :value="100"
      class="bell-warp"
      @click="router.push('/notifications/info')"
    >
      <el-icon style="color: #fff"><Bell /></el-icon>
    </el-badge>
  </div>
</template>
<style lang="scss" scoped>
.bell-warp {
  cursor: pointer;
  ::v-deep .el-badge__content {
    top: 12px !important;
  }
}
</style>
<script setup lang="ts">
import { Bell } from "@element-plus/icons-vue";
import { useRouter } from "vue-router";
const router = useRouter();
</script>
